<template>
	<view class="main_content" :style="{backgroundImage:`url(${ossImg('others/2025Autumn/background/bg.png')})`}">
		<view class="operation-list">
			<!-- <view v-for="value in operationList" class="mb-[24rpx]" @click="popupOpen(value.look)">
				<image mode="aspectFit" :src="value.icon"></image>
				<text class="text-[#fff] mt-[9rpx] pubfont">{{ value.text }}</text>
			  </view> -->
			<!-- <button open-type="contact" @click.stop="toKefu" plain="true"> -->
			<view class="mb-[20rpx]" @click="popupOpen('rule')">
				<image mode="aspectFit" :src="ossImg('others/2025Autumn/icons/rule.png')"></image>
			</view>
			<!-- </button> -->
			<!-- <button open-type="contact" @click.stop="toKefu" plain="true"> -->
			<view class="mb-[24rpx]" @click="popupOpen('privacy')">
				<image mode="aspectFit" :src="ossImg('others/2025Autumn/icons/privacy.png')"></image>
			</view>
			<!-- </button> -->
			<view class="mb-[24rpx]" @click="popupOpen('logs')">
				<image mode="aspectFit" :src="ossImg('others/2025Autumn/icons/logs.png')"></image>
			</view>
		</view>
		<image :src="ossImg('others/2025Autumn/logo.png')" mode="widthFix" class="w-240rpx h-105rpx"></image>
		<image :src="ossImg('others/2025Autumn/dreamfont.png')" mode="widthFix" class="w-468rpx h-244rpx mt-[45rpx]"></image>
		<image :src="ossImg('others/2025Autumn/dreamcookie.png')" class="w-629rpx h-396rpx mt-[20rpx]"></image>
		<view @click="goToSelectCookiePattern" class="btn-select mt-[140rpx]" >
			<image mode="aspectFit" :src="ossImg('others/2025Autumn/btn/start.png')" class="w-[286rpx] h-[109rpx]"></image>
		</view>
		<view class="agreeRule pubfont mt-[45rpx]">
			<label class="checkbox-wrapper" @click="onAgreeChange">
				<checkbox class="agree-checkbox" :checked="agreeChecked" />
				<text class="checkbox-label">我已阅读并同意「<text class="rule-link"
						@click.stop="onOpenRule">活动规则</text>」</text>
			</label>
		</view>
		<!-- 弹层 Start -->
		<view class="popup-mask" v-if="ruleStatus">
			<view class="maskContent">
				<view class="maskName">
					<image :src="ossImg('others/2025Autumn/ruleName.png')" class="w-334rpx h-104rpx" mode="widthFix">
					</image>
				</view>
				<view class="maskClose" @click="popupClose('rule')">
					<image :src="ossImg('others/2025Autumn/close.png')" mode="widthFix"></image>
				</view>
				<scroll-view class="popup-body" scroll-y>
					<image :src="ossImg('others/2025Autumn/rule/rule.png')" mode="widthFix"></image>
				</scroll-view>
				<button open-type="contact" @click.stop="toKefu" plain="true" v-if="ruleFrom === 'icon'">
					<view class="agreeBtn">联系客服</view>
				</button>
				<view class="agreeBtn" @click="popupAgree('rule')" v-if="ruleFrom === 'text'">我已阅读并同意</view>
			</view>
		</view>
		<view class="popup-mask" v-if="privacyStatus">
			<view class="maskContent">
				<view class="maskName">
					<image :src="ossImg('others/2025Autumn/privacyName.png')" class="w-334rpx h-102rpx" mode="widthFix">
					</image>
				</view>
				<view class="maskClose" @click="popupClose('privacy')">
					<image :src="ossImg('others/2025Autumn/close.png')" mode="widthFix"></image>
				</view>
				<scroll-view class="popup-body" scroll-y>
					<image :src="ossImg('others/2025Autumn/rule/privacy.png')" mode="widthFix"></image>
				</scroll-view>
				<button open-type="contact" @click.stop="toKefu" plain="true" v-if="privacyFirst === false">
					<view class="agreeBtn">联系客服</view>
				</button>
				<view class="agreeBtn" @click="popupAgree('privacy')" v-if="privacyFirst === true">我已阅读并同意</view>
			</view>
		</view>
		<view class="popup-mask" v-if="logsStatus">
			<view class="maskContent">
				<view class="maskName">
					<image :src="ossImg('others/2025Autumn/interactiveRecord.png')" class="w-330rpx h-98rpx"
						mode="widthFix"></image>
				</view>
				<view class="maskClose" @click="popupClose('logs')">
					<image :src="ossImg('others/2025Autumn/close.png')" mode="widthFix"></image>
				</view>
				<scroll-view class="popup-logs" scroll-y>
					<view class="infoList" v-if="logsInfoList && logsInfoList.length > 0">
						<text class="name">互动时间</text>
						<block v-for="(item,index) in logsInfoList">
							<view class="logslist" @click="viewImage(item.image)">
								<view class="time_time">
									{{formatTime(item.create_time)}}
								</view>
								<view class="view_btn">查看结果</view>
							</view>
						</block>
					</view>
					<view class="infoNull" v-else>
						<image :src="ossImg('others/2025Autumn/search.png')" mode="widthFix" class="w-108rpx h-108rpx"></image>
						<image :src="ossImg('others/2025Autumn/nulllogs.png')" mode="widthFix" class="w-417rpx h-51rpx mt-30rpx"></image>
					</view>
				</scroll-view>
				<view class="flower"
					:style="{backgroundImage:`url(${ossImg('others/2025Autumn/linebackground/interactiveRecordBoxBg.png')})`}">
				</view>
			</view>
		</view>
		<view class="popup-mask" v-if="logsShow">
			<view class="outBox">
				<view class="innerBox">
					<view class="maskClose" @click="logsClose">
						<image :src="ossImg('others/2025Autumn/close.png')" mode="widthFix"></image>
					</view>
					<image @touchstart="touchStart" @touchend="touchEnd" style="border-radius: 48rpx 0 0 0;" :src="logsImge" mode="widthFix"></image>
					<view class="tishi">
						<text class="pubfont">长按保存图片</text>
						<text class="pubfont">到本地相册</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 弹层 End -->
		<view class="lineLoading"
			:style="{backgroundImage:`url(${ossImg('others/2025Autumn/linebackground/loadingBg.png')})`}"></view>
		<view class="cloudBg">
			<image :src="ossImg('others/2025Autumn/cloud.png')" mode="widthFix"></image>
		</view>
	</view>
</template>
<script setup>
	import { onLoad, onShareAppMessage,onShow } from '@dcloudio/uni-app';
	import { ossImg } from "@/utils/utils";
	import { ref } from "vue";
	const enterTime = +new Date();
	const longPressTimer = ref(0);
	const emdlz = getApp().emdlz;
	const currentIndex = ref(0);
	const ruleStatus = ref(false);
	const privacyStatus = ref(false);
	const logsStatus = ref(false);
	const agreeChecked = ref(false); // 添加复选框状态
	const ruleFrom = ref('icon');
	const privacyFirst = ref(false);

	const operationList = [{
		icon: ossImg('others/2025Autumn/activityrules.png'),
		text: "活动规则",
		look: "rule"
	}, {
		icon: ossImg('others/2025Autumn/privacyIcons.png'),
		text: "隐私政策",
		look: "privacy"
	}, {
		icon: ossImg('others/2025Autumn/interactivelog.png'),
		text: "互动记录",
		look: "logs"
	}]
	var apiData = {
		"rule": {
			"content": "规则内容"
		},
		"biscuit": [{
				"image": ossImg("others/2025Autumn/biscuit/globalCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/globalCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/globalBg.png"),
				"adver": [
					"不上班就是玩",
					"gogogo出发喽",
					"人生是旷野"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/global/001.png"),
					ossImg("others/2025Autumn/decorate/global/002.png"),
					ossImg("others/2025Autumn/decorate/global/003.png"),
					ossImg("others/2025Autumn/decorate/global/004.png"),
					ossImg("others/2025Autumn/decorate/global/005.png"),
					ossImg("others/2025Autumn/decorate/global/006.png")
				]
			},
			{
				"image": ossImg("others/2025Autumn/biscuit/lighthouseCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/lighthouseCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/lighthouseBg.png"),
				"adver": [
					"全村的希望之光",
					"未来光明 我all in",
					"前途亮得睡不着"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/lighthouse/001.png"),
					ossImg("others/2025Autumn/decorate/lighthouse/002.png"),
					ossImg("others/2025Autumn/decorate/lighthouse/003.png"),
					ossImg("others/2025Autumn/decorate/lighthouse/004.png"),
					ossImg("others/2025Autumn/decorate/lighthouse/005.png"),
					ossImg("others/2025Autumn/decorate/lighthouse/006.png")
				]
			},
			{
				"image": ossImg("others/2025Autumn/biscuit/magicCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/magicCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/magicBg.png"),
				"adver": [
					"变有钱",
					"好运降临",
					"爱的魔力"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/magic/001.png"),
					ossImg("others/2025Autumn/decorate/magic/002.png"),
					ossImg("others/2025Autumn/decorate/magic/003.png"),
					ossImg("others/2025Autumn/decorate/magic/004.png"),
					ossImg("others/2025Autumn/decorate/magic/005.png"),
					ossImg("others/2025Autumn/decorate/magic/006.png")
				]
			},
			{
				"image": ossImg("others/2025Autumn/biscuit/princessCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/princessCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/princessBg.png"),
				"adver": [
					"公主公主 公司之主",
					"公主请上班",
					"公主来喽 闪开行吗"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/princess/001.png"),
					ossImg("others/2025Autumn/decorate/princess/002.png"),
					ossImg("others/2025Autumn/decorate/princess/003.png"),
					ossImg("others/2025Autumn/decorate/princess/004.png"),
					ossImg("others/2025Autumn/decorate/princess/005.png"),
					ossImg("others/2025Autumn/decorate/princess/006.png")
				]
			},
			{
				"image": ossImg("others/2025Autumn/biscuit/starCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/starCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/starBg.png"),
				"adver": [
					"有星了 朋友",
					"STAR皆空",
					"我觉得星"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/star/001.png"),
					ossImg("others/2025Autumn/decorate/star/002.png"),
					ossImg("others/2025Autumn/decorate/star/003.png"),
					ossImg("others/2025Autumn/decorate/star/004.png"),
					ossImg("others/2025Autumn/decorate/star/005.png"),
					ossImg("others/2025Autumn/decorate/star/006.png")
				]
			},
			{
				"image": ossImg("others/2025Autumn/biscuit/supermanCookies.png"),
				"imageGlow": ossImg("others/2025Autumn/biscuit/supermanCookiesGlow.png"),
				"lineBackground": ossImg("others/2025Autumn/linebackground/supermanBg.png"),
				"adver": [
					"打工飞人",
					"你哥来喽",
					"有的是力气和手段"
				],
				"tool": [
					ossImg("others/2025Autumn/decorate/superman/001.png"),
					ossImg("others/2025Autumn/decorate/superman/002.png"),
					ossImg("others/2025Autumn/decorate/superman/003.png"),
					ossImg("others/2025Autumn/decorate/superman/004.png"),
					ossImg("others/2025Autumn/decorate/superman/005.png"),
					ossImg("others/2025Autumn/decorate/superman/006.png")
				]
			}
		]
	};
	uni.setStorageSync("autumnConfig", apiData)
	const logsInfoList = ref([]);
	const logsShow    = ref(false);
	const logsImge     = ref('');
	//玩心启动
	const goToSelectCookiePattern = (e) => {
	  console.log('进入玩心启动');
	  const ar = uni.getStorageSync("agreeRules")
	  if (ar == '' || !ar) {
	    ruleFrom.value = 'text'
	    ruleStatus.value = true;
	    return;
	  }
	  console.log(ar, '是否同意规则');
	  if (enterTime) {
	    emdlz('track', 'event', 'oreo_onpack_2025_landing', 'view', 'landing', +new Date() - enterTime);
	  }
	  emdlz('track', 'event', 'oreo_onpack_2025_landing', 'click', 'start game_click');
	  uni.navigateTo({
	    url: "/campaign/pages/2025Autumn/selectCookiePattern"
	  })
	}
	onLoad(() => {
	  const res = uni.getStorageSync("autumnConfig")
	  const yinsi = uni.getStorageSync("privacyPopup")
	  if (!yinsi) {
	    privacyStatus.value = true;
	    privacyFirst.value = true
	    return;
	  }
	  const ar = uni.getStorageSync("agreeRules")
	  if (ar) {
	    agreeChecked.value = true;
	  }
	  //获取交互记录
	  requestLogs();
	})
	onShow(() => {
		// 页面显示时调用，包括从其他页面返回
		requestLogs();
	})
	const requestLogs = () => {
	  console.log('调用接口');
	  uni.request({
	    url: `${process.env.AUTUMN_BASE_API}onpack/api/autumn/userRecords`,
	    method: "POST",
	    data: {
	      memberId: getApp().globalData?.user?.memberScore?.memberId || ''
	    },
	    header: {
	      'Content-Type': 'application/json' // 根据实际接口要求调整
	    }
	  }).then(res => {
	    if (res.data?.code === 200) {
	      console.log(res.data?.data, '交互列表')
	      logsInfoList.value = res.data?.data;
	    }
	  });
	}
	const viewImage = (image) => {
	  console.log(image, '图片')
	  logsShow.value = true;
	  logsImge.value = image;
	}
	const logsClose = () => {
	  logsShow.value = false;
	  logsImge.value = '';
	}
	const formatTime = (timeString) => {
	  const date = new Date(timeString);
	  const year = date.getFullYear();
	  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要+1
	  const day = String(date.getDate()).padStart(2, '0');
	  return `${year}-${month}-${day}`;
	}
	const popupOpen = (e) => {
	  if (e == 'rule') {
	    emdlz('track', 'event', 'oreo_onpack_2025_landing', 'click', 'check_rules');
	    ruleStatus.value    = true;
	    // toKefu()
	  } else if (e == 'privacy') {
	    privacyStatus.value = true;
	    // toKefu()
	  } else {
	    emdlz('track', 'event', 'oreo_onpack_2025_landing', 'click', 'check_Interaction_record');
	    logsStatus.value = true;
	    //我的奖品
	    // uni.navigateTo({
	    //     url: "/campaign/pages/2025Autumn/selectCookiePattern"
	    // })
	  }
	}
	const popupAgree = (e) => {
	  console.log('同意')
	  ruleFrom.value = 'icon'
	  if (e == 'rule') {
	    ruleStatus.value = false;
	    agreeChecked.value = true;
	    uni.setStorageSync("agreeRules", true)
	  } else if (e == 'privacy') {
	    privacyStatus.value = false;
	    privacyFirst.value = false
	    uni.setStorageSync("privacyPopup", true)
	  } else {
	    logsStatus.value = false;
	  }
	}

	const popupClose = (e) => {
	  ruleFrom.value = 'icon'
	  if (e == 'rule') {
	    ruleStatus.value = false;
	  } else if (e == 'privacy') {
	    privacyStatus.value = false;
	    if(uni.getStorageSync("privacyPopup") === true){
	      return
	    }
	    uni.switchTab({
	      url: "/pages/home/home"
	    })
	  } else {
	    logsStatus.value = false;
	  }
	}

	// const onAgreeChange = (e) => {
	// 	console.log('选中');
	// 	ruleStatus.value = true;
	//     emdlz('track','event','oreo_onpack_2025_landing','click','agree_rules');
	// 	const ar = uni.getStorageSync("agreeRules")
	// 	if(ar == '' || !ar){
	// 		agreeChecked.value = e.detail.value;
	// 		return;
	// 	}
	// }
	const onAgreeChange = () => {
	  agreeChecked.value = !agreeChecked.value
	  uni.setStorageSync('agreeRules', agreeChecked.value)
	  emdlz('track', 'event', 'oreo_onpack_2025_landing', 'click', 'agree_rules')
	}
	const onOpenRule = () => {
	  ruleFrom.value = 'text'
	  ruleStatus.value = true
	}
	const toKefu = () => {
	  getApp().sr().track("start_consult", {
	    action_type: "consult_online",
	    // more...
	  });
	};


	function handleLongPress() {
		uni.downloadFile({
		url: logsImge.value,
		success: (res) => {
			if (res.statusCode === 200) {
			uni.saveImageToPhotosAlbum({
				filePath: res.tempFilePath,
				success: () => {
					uni.hideLoading();
					uni.showToast({
						title: '保存成功'
					});
				},
				fail: (err) => {
					console.log(err)
					// this.handleSaveError(err);
				}
			})
			}
		}
		})
	}

	function touchStart() {
		longPressTimer.value = setTimeout(() => {
			handleLongPress();
		}, 500); // 500ms触发长按
	}

	function touchEnd() {
		clearTimeout(longPressTimer.value);
	}
	onShareAppMessage((e) => {
	
	    const shareObj = {
	        title: "进来！你的玩心梦想竟然是…", // 默认是小程序的名称(可以写slogan等)
	        path: "/campaign/pages/2025Autumn/index", // 默认是当前页面，必须是以‘/’开头的完整路径
	        imageUrl: ossImg("others/2025Autumn/shareBiscuit.jpg"), //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
	        success: (res) => {
	            // 转发成功之后的回调
	            if (res.errMsg == "shareAppMessage:ok") {
	            }
	        },
	        fail: (err) => {
	            // 转发失败之后的回调
	            console.log("转发失败之后的回调", err);
	            if (res.errMsg == "shareAppMessage:fail cancel") {
	                // 用户取消转发
	                console.log("用户取消转发");
	            } else if (res.errMsg == "shareAppMessage:fail") {
	                // 转发失败，其中 detail message 为详细失败信息
	                console.log("转发失败，其中detail message 为详细失败信息");
	            }
	        },
	        complete: () => {
	            console.log("转发结束之后的回调（转发成不成功都会执行）");
	        },
	    };
	    console.log(shareObj);
	    return shareObj;
	});
</script>
<style lang="less" scoped>
	@import "@/static/css/theme.less";
	@import "@/static/css/autumn/main.less";

	.main_content {
		position: relative;
		font-family: 'fzround';
		width: 100%;
		height: 100vh;
		display: flex;
		box-sizing: border-box;
		padding-top: 30px;
		background-size: cover;
		flex-direction: column;
		align-items: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.operation-list {
		position: absolute;
		right: 24rpx;
		top: 60rpx;
		font-size: 20rpx;
		text-align: center;
		image {
			width:80rpx;
			height:85rpx;
		}
	}

	.btn-select {
		width: 248rpx;
		height: 95rpx;
		background-size: 100% 100%;
		font-size: 40rpx;
		line-height: 95rpx;
		text-align: center;
		color: #fff;
		position: relative;
		z-index: 1;
		font-family: 'fzround';
	}

	.lottery {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.lottery .btnitems {
		display: block;
		text-align: center;
		color: #033dbf;
		padding: 0 30rpx;
	}

	.lottery .btnitems text {
		display: block;
		font-size: 30rpx;
	}

	.agreeRule {
		color: #003cbd;
		font-size: 24rpx;
		line-height: 2.5;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20rpx 0;
		position: relative;
		z-index: 10;
	}

	.checkbox-wrapper {
		display: flex;
		align-items: center;
	}

	.agree-checkbox {
		transform: scale(0.7);
		margin-bottom: 5rpx;
	}

	.checkbox-label {
		display: flex;
		align-items: center;
		font-weight:bold;
	}

	.rule-link {
		position: relative;
	}

	.rule-link::after {
		position: absolute;
		content: "";
		height: 5rpx;
		background-color: #003cbd;
		border-radius: 5rpx;
		left: 0;
		right: 0;
		bottom: -5rpx;
	}

	.popup-mask {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;

		button {
			padding: 0;
			background: transparent;
			border: none !important;
		}

		button::after {
			border: none !important;
		}
	}

	.popup-mask .maskContent {
		border-radius: 80rpx;
		display: flex;
		flex-direction: column;
		width: 570rpx;
		height: 966rpx;
		background: linear-gradient(to bottom, #043dbf, #394dd9, #e7c3ff) 0% 100%;
		border: #fff solid 5rpx;
		position: relative;
		padding: 36rpx 0 20rpx;
		align-items: flex-start;
		justify-content: center;
		box-sizing: border-box;
	}

	.popup-mask .flower {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background-size: 100%;
		z-index: 0;
		opacity: 0.1;
	}

	.popup-mask .maskContentLineBg::after {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0.1;
		background-size: 100%;
	}

	.popup-mask .maskName {
		position: absolute;
		left: 0;
		right: 0;
		top: -50rpx;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.popup-mask .maskClose {
		position: absolute;
		width: 75rpx;
		height: 75px;
		right: 20rpx;
		top: -50rpx;
	}

	.popup-mask .maskClose image {
		width: 100%;
		height: 100%;
	}

	.popup-mask .maskContent .popup-body {
		width: 570rpx;
		height: 900rpx;
		padding: 0 18rpx;
		box-sizing: border-box;
		overflow: hidden;
		border-radius: 20rpx;
		position: relative;
		z-index: 10;
	}

	.popup-mask .maskContent .popup-body image {
		width: 534rpx;
	}

	.popup-mask .maskContent .agreeBtn {
		border: #053dc0 solid 5rpx;
		background: linear-gradient(to right bottom, #a985fd, #2b4fcd, #053dc0) 0% 100%;
		width: 327rpx;
		height: 69rpx;
		line-height: 69rpx;
		border-radius: 69rpx;
		color: #fff;
		margin: 10rpx auto;
		text-align: center;
	}

	.popup-mask .maskContent .popup-logs {
		width: 570rpx;
		height: 900rpx;
		padding: 50rpx 40rpx;
		box-sizing: border-box;
		overflow: hidden;
		border-radius: 20rpx;
		position: relative;
		z-index: 10;
	}

	.popup-mask .maskContent .popup-logs .infoList {
		padding: 0 30rpx;
	}

	.popup-mask .maskContent .popup-logs .infoList .name {
		color: #fff;
		font-size: 28.63rpx;
		display: block;
		width: 100%;
		padding: 0 0 30rpx;
	}

	.popup-mask .maskContent .popup-logs .infoList .logslist {
		color: #fff;
		font-size: 28.63rpx;
		display: block;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
		padding: 0 0 20rpx;
	}

	.popup-mask .maskContent .popup-logs .infoList .logslist .time_time {}

	.popup-mask .maskContent .popup-logs .infoList .logslist .view_btn {
		background: linear-gradient(to bottom, #a584fc, #a483fb, #2246cd) 0% 100%;
		padding: 8rpx 25rpx;
		border-radius: 50rpx;
		width: 185rpx;
		text-align: center;
	}

	.popup-mask .maskContent .popup-logs .infoNull {
		width: 100%;
		height: 100%;
		text-align: center;
		margin-top: 50%;
	}

	.outBox {
		background: linear-gradient(to bottom, #b892fe, #9380f1, #033dbf) 40% 100%;
		padding: 8rpx;
		border-radius: 50rpx;
		box-shadow: 0 5rpx 20rpx rgba(0, 0, 0, 0.3);
		width: 528rpx;
		transform: translateY(-50rpx);
		position: relative;
		z-index: 100;
	}

	.innerBox {
		background: linear-gradient(to bottom, #fff, #ffe1ee) 40% 100%;
		padding: 0;
		border-radius: 45rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		align-content: center;
		position: relative;
		flex-wrap: wrap;
		padding-bottom: 10rpx;
	}

	.innerBox .maskClose {
		position: absolute;
		width: 75rpx;
		height: 75px;
		right: -20rpx;
		top: -30rpx;
	}

	.innerBox .maskClose image {
		width: 100%;
		height: 100%;
	}

	.innerBox image {
		width: 100%;
	}

	.tishi {
		width: 100%;
		color: #023DBE;
		font-weight: bold;
		padding: 10rpx 0 0;
		display: block;
	}

	.tishi text {
		display: block;
		text-align: center;
		font-size: 32rpx;
	}
</style>
